<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<script src="js/jquery-1.11.0.min.js"></script>
	<script type="text/javascript">
	$(function(){$("span.en").hide();

 $("span").hover(function(){
 	$(this).next().slideDown("slow");
 },function(){	$(this).next().fadeOut();});

});

	</script>
<style type="text/css">
a span{display: block;width:200px;height:200px;}
span.en{background: red}
</style>
</head>
<body>
	 <a href=""><span>首页</span><span class="en">index</span></a>
</body>
</html>